<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="referrer" content="never" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../static/css/common.css" />
		<link rel="stylesheet" href="css/train.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mui.poppicker.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/preview.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../static/components/components.css" />
		

		<style>
			input,
			textarea {
				margin-right: 0 !important;
			}

			.mui-bar-nav~.mui-content .mui-pull-top-pocket {
				top: 80px !important;
			}

			.advance-box {
				box-sizing: border-box;
				padding: 10px;
			}

			.left-label {
				width: 60vw;
			}

			.mt-15 {
				margin-top: 15px;
			}

			.date-select {
				width: auto;
				height: 30px;
				line-height: 30px;
				border: 1px solid #bdbbbf;
				padding-left: 5px;
				border-radius: 5px;
				color: #333;
				min-width: 40vw;
			}

			.row-radio-flex {
				display: flex;
				flex-direction: row;
				width: 100%;
				flex-wrap: wrap;
			}

			.row-radio-flex .mui-radio {
				width: 50%;
				max-height: 80px;
				font-size: 3.5vw;
				flex-wrap: wrap;
			}
			

			.radio-label-title {
				padding: 10px;
				color: #333;
				margin-top: 14px;
				font-size: 3.8vw;
			}

			.mui-input-row {
				display: flex;
				align-items: center;
			}

			/* .mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
				font-size: 22px;
			} */
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
				top: unset;
			}
			
			.textarea {
				margin-bottom: 10px;
			}

			.beforelabel {
				width: 25vw;
			}
			.flex-row select{
				color: #000;
			}
			.flex-row select:disabled{
				color: #666;
			}
			.flex-row input:disabled{
				color: #666;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">应急演练</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div>
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div>
						<div class="color-blue" id="part-title">基本信息</div>
					</div>
					<div class="flex-between mt-15" v-if="trainingDrill.nodeCreateStaffCode">
						<div class="flex-row">
							<div class="beforelabel">任务下发人</div>
							<personselect :issingle="isSingle" ref="personselect_issued" :disabled="workStatus >= 10"
								style="width:55vw;"></personselect>
						</div>

					</div>
					<div class="flex-between mt-15" v-if="trainingDrill.nodeCreateTime">
						<div class="flex-row">
							<div class="beforelabel">任务下发时间</div>
							<input class="date-select" id="dateSelect4" style="width:55vw;" :disabled="workStatus >= 10"
								@click="changePickerTime('trainingDrill.nodeCreateTime')"
								v-if="trainingDrill && trainingDrill.nodeCreateTime"
								:value="trainingDrill.nodeCreateTime |times" />


						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<div class="beforelabel">制定人</div>
							<input style="width:55vw;"
								:value=" trainingDrill && trainingDrill.hostStaffName ? '['+ trainingDrill.hostStaffCode +']' +trainingDrill.hostStaffName :''"
								:disabled="workStatus >= 10" class="date-select" />
						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<div class="beforelabel">制定时间</div>
							<input readonly="readonly" v-if="drill && drill.makeTime" :value="drill.makeTime|times" style="width: 23vw;padding: 3px;"
								 @click="changePickerTime('drill.makeTime')" class="date-select"
								disabled="disabled" />
						</div>
					</div>

					<div class="flex-between mt-15">
						<div class="flex-row">
							<div class="beforelabel">审核人</div>
							<personselect :issingle="isSingle" ref="personselect" :disabled="workStatus > 10"
								style="width:55vw;"></personselect>
						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<label for="dateSelect3" class="beforelabel">审核时间</label>
							<div class="date-select" id="dateSelect3" :disabled="workStatus > 10"
								@click="changePickerTime('drill.reviewTime',workStatus > 10)">
								<span v-if="drill && drill.reviewTime"> {{drill.reviewTime |times}}</span>
							</div>
						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<label for="dateSelect" class="beforelabel">演习开始时间</label>
							<div class="date-select" id="dateSelect"
								@click="changeTime('trainingDrill.begTime',workStatus > 10 || !isCreated && isback || isCreated && isback)"
								:disabled="workStatus > 10">
								{{trainingDrill.begTime}}
							</div>
						</div>
					</div>
					<div class="flex-row mt-10">
						<div class="flex-row">
							<label for="dateSelect1" class="beforelabel">演习结束时间</label>
							<div class="date-select" id="dateSelect1" 
								@click="changeTime('trainingDrill.endTime',workStatus > 10 || !isCreated && isback || isCreated && isback)"
								:disabled="workStatus > 10">
								{{trainingDrill.endTime}}
							</div>
						</div>
					</div>

					<div class="mt-10">
						<div class="flex-between">
							<div style="color: #666;">现象</div>
							<div class="flex-row">
								<button style="margin-left: 10px;padding: 0 4vw;" class="submit_btn"
									@click="showAdd = true" :disabled="workStatus > 10">添加</button>
							</div>
						</div>
						<div class="yaoshi_list">
							<div v-for="(item,index) in phenomenon" :key="index">
								<div class="flex-between">
									<div class="key-content">{{item.phenomenon}}</div>
									<div class="color-red" @click="delKey(index,true)" :disabled="workStatus >= 20">移除</div>
								</div>
								<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />
							</div>
						</div>
					</div>
					
					<div class="flex-row mt-15">
						<div class="left-label">类型</div>

						<div>
						</div>
						<!-- <input readonly="readonly" style="width: 30vw;" v-if="trainingDrill.activityType =='00'"
							value="安全活动" />
						<input readonly="readonly" style="width: 30vw;" v-if="trainingDrill.activityType =='01'"
							value="培训记录" />
						<input readonly="readonly" style="width: 30vw;" v-if="trainingDrill.activityType =='10'"
							value="应急演练" />
						<input readonly="readonly" style="width: 30vw;" v-if="trainingDrill.activityType =='11'"
							value="反事故演习" />
						<input readonly="readonly" style="width: 30vw;" v-if="trainingDrill.activityType =='12'"
							value="事故预想" /> -->
						<!-- 制定后不可编辑| 自己创建而且退回的 ，如果原数据是应急演练不可编辑| 总部或分公司下发 退回的 |首次下发-->
						<select v-model="trainingDrill.activityType" class="falseInput" :disabled="workStatus > 10 || isCreated && isback && activeType =='10' || !isCreated && isback || !isCreated && !isback ">
							<option :value="item.itemValue" v-for="item in (isback && activeType =='11' || activeType == '12' ? reviewDict.ACTIVITY_TYPE.filter(item=>item.itemValue =='11' || item.itemValue =='12') : reviewDict.ACTIVITY_TYPE) ">{{item.itemText}}
							</option>
						</select>

					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">演练类别</div>
						<!-- <input readonly="readonly" style="width: 30vw;" :value="emergencyDrillType" /> -->
						<select v-model="trainingDrill.emergencyDrillType" class="falseInput"
							:disabled="workStatus > 10 || !isCreated && isback ||!isCreated && !isback">
							<option :value="item.itemValue" v-for="item in reviewDict.EMERGENCY_DRILL_TYPE">
								{{item.itemText}}
							</option>
						</select>
					</div>
					<div class=" mt-15">
						<div class="left-label">演练、演习、预想主题</div>
						<textarea v-model="trainingDrill.activityContent" :disabled="workStatus > 10 || !isCreated && isback || !isCreated && !isback "
							@click="trainingDrill.activityContent && showTip(trainingDrill.activityContent)"></textarea>
						<!-- <input readonly="readonly" :value="trainingDrill.activityContent" style="width: 30vw;"  @click="showTip(trainingDrill.activityContent)" /> -->
					</div>
					<div class=" mt-15" v-if="activityTypeShow">
						<div class="left-label textarea">人员培训情况</div>
						<textarea v-model="trainingDrill.personPrepare" :disabled="workStatus > 10"
							@click=" trainingDrill.personPrepare && showTip(trainingDrill.personPrepare||'')"></textarea>
					</div>
					<div class="mt-15" v-if="activityTypeShow">
						<div class="left-label textarea">物资准备情况</div>
						<textarea v-model="trainingDrill.prepare" :disabled="workStatus > 10"
							@click=" trainingDrill.prepare && showTip(trainingDrill.prepare)"></textarea>
					</div>
					<div class=" mt-15">
						<div class="left-label textarea">要求</div>
						<textarea v-model="trainingDrill.requirement" :disabled="workStatus > 10 || !isCreated && isback || !isCreated && !isback "></textarea>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">参加人员</div>
						<personselect :issingle="false" ref="personselect_join" :disabled='workStatus > 10'
							style="width:35vw;"></personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">处理经过录入人（演习、演练组组长）</div>
						<personselect :issingle="true" ref="personselect_deal" :disabled='workStatus > 10 ||!isCreated && isback || isCreated && isback' style="width:35vw;">
						</personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">正确处理步骤录入人（演习、演练监护组组长）</div>
						<personselect :issingle="true" ref="personselect_current" :disabled='workStatus > 10 || !isCreated && isback|| isCreated && isback' style="width:35vw;">
						</personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">
							<span v-if="activityTypeShow">
								发现问题及改进措施或应急预案修订建议录入人
								</span>
							<span v-else>
								发现问题及今后采取措施或应急预案修订建议录入人（总指挥或监护组组长）
							</span>
						</div>
						<personselect :issingle="false" ref="personselect_find" :disabled='workStatus > 10 || !isCreated && isback || isCreated && isback' style="width:35vw;">
						</personselect>
					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">预案评审、演练效果评价录入人</div>
						<personselect :issingle="false" ref="personselect_dill" :disabled='workStatus > 10 || !isCreated && isback || isCreated && isback' style="width:35vw;">
						</personselect>
					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">效果验证录入人</div>
						<personselect :issingle="false" ref="personselect_verif" :disabled='workStatus > 10 || !isCreated && isback|| isCreated && isback' style="width:35vw;">
						</personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">个人评价录入人（场长或专工）</div>
						<personselect :issingle="false" ref="personselect_person" :disabled='workStatus > 10 || !isCreated && isback||isCreated && isback' style="width:35vw;">
						</personselect>
					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">总体评价录入人</div>
						<personselect :issingle="false" ref="personselect_allperson" :disabled='workStatus > 10 || !isCreated && isback || isCreated && isback'
							style="width:35vw;"></personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">监护人或记录人</div>
						<personselect :issingle="false" ref="personselect_jianhu" :disabled='workStatus > 10 || !isCreated && isback || isCreated && isback' style="width:35vw;">
						</personselect>
					</div>

					<hr size="1" class="hr-line" style="margin: 15px 0;" />
					<div class="list-head">
						<div class="flex-between">
							<div>参考资料</div>
							<button class="submit_btn" @tap="upload('train')" v-if="workStatus>20"
								style="margin:0;padding: 0 3vw;">上传</button>
						</div>
						<div v-if="trainingfileList.length>0">
							<div style="margin-bottom: 1vh;" v-for="(item,index) in trainingfileList"
								class="flex-row mt-10">
								<div v-if="trainingfileList.length>0" style="width: 100vw;" class="flex-between">
									<div>
										{{item.fileName}}
									</div>
									<div class="flex-row">
										<button v-if="workStatus>20"
											style="background: red;color: white;border: 0;width: 10vw;"
											class="cancel_btn" @tap="delDown(item)">删除</button>
										<div style="color: #004A86;text-decoration: underline;" @tap="downLoad(item)">下载
										</div>
									</div>
								</div>

							</div>
						</div>
						<div v-else style="text-align: center;">
							暂无数据
						</div>
					</div>

					<hr size="1" class="hr-line" style="margin: 15px 0;" />




					<div>
						<div class="mt-10" v-if="workStatus >= 20">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">处理经过</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 30"
								v-model="drillInfo.processInfo"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >=30">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">正确处理步骤</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 40"
								v-model="drillInfo.stepsInfo"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >=40">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">发现问题</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 45"
								v-model="drillInfo.problemInfo"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >=40">
							<div class="flex-row">
								<div class="icon"></div>
								<!-- <div class="color-blue" id="part-title">今后采取措施</div> -->
								<div class="color-blue" id="part-title">
									<span v-if="activityTypeShow">
										改进措施或应急预案修订建议
									</span>
									<span v-else>
										今后采取措施或应急预案修订建议
									</span>
									
								</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 45" v-model="drillInfo.measure"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >= 45 && activityTypeShow">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">预案适宜性充分性评审</div>
							</div>
							<div>
								<div class="row-radio-flex radio-label-title">适宜性</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_SUITABLE_INFO">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.suitableInfo" :disabled="workStatus >= 46" />
									</div>
								</div>

								<div class="row-radio-flex radio-label-title">充分性</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_SUFFICIENCY_INFO">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.sufficiencyInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
							</div>
						</div>


						<div class="mt-10" v-if="workStatus >= 45 && activityTypeShow">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">演练效果评审</div>
							</div>
							<div>
								<div class="row-radio-flex radio-label-title">人员到位情况</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_PERSON_PLACE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.personPlaceInfo" :disabled="workStatus >= 46" />
									</div>
								</div>

								<div class="row-radio-flex radio-label-title">物资到位情况(现场物资)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_MATERIAL_PLACE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.materialPlaceInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">物资到位情况(个人防护)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_PERSON_PROTECT">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.personProtectInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">协调组织情况(整体组织)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_OVERALL_ORGNIZATION">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.overallOrgizationInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">协调组织情况(抢险组分工)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_RESCUE_GROUP">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.rescueGroupInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">实战效果评价</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_PRACTICAL_EFFECT">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.practicalEffectInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">外部支援部门和协作有效性(报告上级)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_REPORT_SUPERIOR">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.reportSuperiorInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">外部支援部门和协作有效性(医疗救援部门)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_MEDICAL_RESCUE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.medicalResueInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">外部支援部门和协作有效性(周边政府撤离配合)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_GOVERNMENT_LEAVE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.governmentLeaveInfo" :disabled="workStatus >= 46" />
									</div>
								</div>
							</div>
						</div>
						<div class="mt-10" v-if="workStatus >=46 && activityTypeShow">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">录入效果验证 </div>
							</div>
							<textarea class="mt-10" placeholder="请输入措施落实和预案修订闭环情况" :disabled="workStatus >= 47"
								v-model="drillInfo.effectInfo"></textarea>
						</div>
						<div class="mt-10" v-if="workStatus >=50">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">评价 </div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 55"
								v-model="drillInfo.appraiseInfo"></textarea>
						</div>

						<div class="list-head" v-if="workStatus >=20" style="padding: 15px 0;">
						
							<div class="flex-between">
								<div class="flex-row">
									<div class="icon"></div>
									<div class="color-blue" id="part-title">附件 </div>
								</div>
								<button class="submit_btn" @tap="fileListUpload"  style="margin:0;padding: 0 3vw;">上传</button>
							</div>
							<div v-if="fileList.length>0">
								<div style="margin-bottom: 1vh;" v-for="(item,index) in fileList"
									class="flex-row mt-10">
									<div v-if="fileList.length>0" style="width: 100vw;" class="flex-between">
										<div>
											{{item.fileName}}
										</div>
										<div class="flex-row">
											<button v-if="workStatus>20"
												style="background: red;color: white;border: 0;width: 10vw;"
												class="cancel_btn" @tap="delfileList(item)">删除</button>
											<div style="color: #004A86;text-decoration: underline;" @tap="downLoad(item)">下载
											</div>
										</div>
									</div>
						
								</div>
							</div>
							<div v-else style="text-align: center;">
								暂无数据
							</div>
						</div>

						<div class="mt-10" v-if="workStatus >=55 && activityTypeShow">

							<div class="flex-row" style="margin-bottom: 18px;">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">总体评价</div>
							</div>
							<div class="row-radio-flex">
								<div class="mui-input-row mui-radio mui-left"
									v-for="items in reviewDict.EMERGENCY_OVERALL_APPRAISEINFO">
									<label>{{items.itemText}}</label>
									<input :name="items.dictCode" type="radio" :value="items.itemValue"
										v-model="drillInfo.overallAppraiseInfo" :disabled="workStatus >= 56" />
								</div>
							</div>
						</div>
						
					</div>
					<div class="mt-10" v-if="proscessLogList.length > 0">
					
							
							 <ul class="mui-table-view"> 
							        <li class="mui-table-view-cell mui-collapse mui-active">
										<div class="flex-row">
											<div class="icon"></div>
											<div class="color-blue" id="part-title">流程日志</div>
										</div>
							            <a class="mui-navigate-right" href="javascript:void(0)" style="font-size: 14px;color: #666;margin-top: -20px;"></a>
							            <div class="mui-collapse-content">
							                <div class="process-log-box" v-if="proscessLogList.length > 0">
							                	<div v-if="proscessLogList.length == 0" class="nodata-tips">暂无数据</div> 
							                	<div class="process-log" v-for="item in proscessLogList">
							                		<div class="process-log-time">节点描述：{{item.node_name}}</div>
													<div class="process-log-res">节点状态：
													<template v-if="item.status == 0">已完成</template>
													<template v-if="item.status == 1">处理中</template>
													<span style="color: #888;" >
														<template v-if="item.nodeOperation == '0'">[转办]</template>
														<template v-if="item.nodeOperation == '1'">[提交]</template>
														<template v-if="item.nodeOperation == '2'">[退回]</template>
														<template v-if="item.nodeOperation == '3'">[通过]</template>
														<template v-if="item.nodeOperation == '4'">[或签]</template>
														<template v-if="item.nodeOperation == '5'">[驳回]</template>
													</span>
													</div>
							                		<!-- <div class="process-log-res" >处理时间：{{item.nodeDealTime}}</div> -->
													<div class="process-log-res" >处理时间：{{item.node_deal_time|times(1)}}</div>
							                		<div class="process-log-res">处理人：[{{item.node_deal_staff_code}}]{{item.node_deal_staff_name}}
													
													</div>
							                		<div class="process-log-res">审批意见：<span>{{item.approve_desc?item.approve_desc:'-'}}</span></div>
							                	</div>
							                </div>
							            </div>
							        </li>
							    </ul>
							
					
					</div>
					<hr size="1" class="hr-line" />
					
				</div>


			</div>
			<div class="popup-bg" v-if="showAdd" @click="showAdd = false">
				<div class="add-box" @click.stop="clickStop">
					<div class="flex-row m-10" style="margin-top: 20px;">
						<div class="pop-label" style="width: 10vw;">现象</div>
						<input class="pop-ipt" v-model="phenomenonTxt" maxlength="60" />
					</div>
					<div class="pop-bottom">
						<div @click="confirmKey">确认</div>
						<div class="color-red" @click="hideAdd">取消</div>
					</div>
				</div>
			</div>
			<div class="popup-bg" v-if="showBack">
				<div class="add-box" style="padding:0 10px;">
					<div style="margin: 10px;font-weight: bold;">选择退回节点</div>
					<div style="max-height:calc(100vh - 300px);overflow-y: scroll">
						<div class="flex-row" v-for="(item,index) in backlists" style="margin-bottom: 10px;">
							<input name="radio1" type="radio" style="width: 15px;height: 15px;" v-model="backNode"
								:value="item.itemValue">
							<div style="width: 70vw;margin-left: 10px;">
								<span v-if="item.itemText.indexOf('发现问题')!=-1">
									发现问题及改进措施或应急预案修订建议录入（发现问题及改进措施或应急预案修订建议有误请退回到发现问题及改进措施或应急预案修订建议录入节点）
								</span>
								<span v-else>
									{{item.itemText}}
								</span>
							</div>
						</div>
					</div>
					<div style="margin: 10px;font-weight: bold;">意见描述 </div>
					<textarea class="advance-box" placeholder="请输入意见描述" v-model="advance"></textarea>
					<div class="pop-bottom">
						<div @click="sendBack">确认</div>
						<div class="color-red" @click="hideBack">取消</div>
					</div>
				</div>
			</div>
			<div class="popup-bg" v-if="showGoon">
				<div class="add-box" style="padding:0 10px;">
					<div v-if="workStatus == 60">
						<div style="margin: 10px;font-weight: bold;">选择审核人</div>
						<personselect :issingle="true" ref="personselect_goon" style="width:35vw;"></personselect>
					</div>
					<div style="margin: 10px;font-weight: bold;">意见描述 </div>
					<textarea class="advance-box" placeholder="请输入意见描述" v-model="advance"></textarea>
					<div class="pop-bottom">
						<div @click="goOn">确认</div>
						<div class="color-red" @click="showGoon = false">取消</div>
					</div>
				</div>
			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom" v-if="workStatus < 59">
				<button class="submit_btn" @tap="save('save')">保存</button>
				<button class="submit_btn" @click.stop="save('submit')">提交</button>
				<button class="cancel_btn" @click.stop="goBack">返回</button>
			</div>
			<div class="flex-between fixed-bottom" v-else>
				<button class="submit_btn" @tap="showBacknode">退回</button>
				<button class="submit_btn" @click.stop="showGoon = true">通过</button>

				<button class="cancel_btn" @click.stop="goBack">返回</button>
			</div>
		</div>


		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../static/js/neiosCommon.js"></script>
		<script src="../../../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/mui.dtpicker.js"></script>
		<script src="../../../js/mui.picker.min.js"></script>
		<script src="../static/components/personSelect.js"></script>
		<script src="../static/components/processLog.js"></script>
		<script type="text/javascript" src="../static/js/neiosRequst.js"></script>
		<script type="text/javascript" src="../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/drillEdit.js"></script>
		<script src="../static/js/upLoadHelper.js"></script>

	</body>

</html>
